<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<!--对每个div设置边框
快捷键 注释  ctrl+/ -->
<!--css 一般写在stylell里面-->

<body class="home">
<!--所有的页面代码写道body里面-->
<!--div+css+flex布局-->
<div class="content-width">
    <div id="top">

    </div>
    <div class="middle">
        <!--        居中-->
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="news">
                    <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                    <div>
                        <div>
                            <div>日本较大抹茶餐饮七叶和茶登陆上海

                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                        <div>
                            <div>日本较大抹茶餐饮七叶和茶登陆上海

                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                        <div>
                            <div>日本较大抹茶餐饮七叶和茶登陆上海

                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div class="product">
                    <div>
                        <div><img src="../img/galitudoujikuai.jpg" height="300" width="300"/></div>
                        <div>咖喱土豆鸡块</div>
                        <div class="single">咖喱，土豆，鸡块</div>
                    </div>
                    <div>
                        <div><img src="../img/galitudoujikuai.jpg" height="300" width="300"/></div>
                        <div>咖喱土豆鸡块</div>
                        <div class="single">咖喱，土豆，鸡块咖喱，土豆，鸡块咖喱，土豆，鸡块咖喱，土豆，鸡块</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="foot">

    </div>
</div>
</body>
</html>
